<template>
    <superslide :options="oldOptionS ? oldOptionS :options" class="hot_wrap">
        <div class="txtMarquee-top">
            <div class="bd">
                <ul>
                    <li v-for="(item,index) in banner_list" :key="index" class="infoList">
                        <p class="hot_img"><img src="../assets/images/hot.png" alt=""></p>
                        <p class="hot_name">{{item.name}}</p>
                        <p class="hot_mobile">{{item.phone}}</p>
                        <p class="hot_time">{{item.time}}</p>
                    </li>
                </ul>
            </div>
        </div>
    </superslide>
</template>


<script>
    export default {
        name: "banner",
        props: {
            oldOptionS:{
                type: Object
            }
        },
        data(){
            return{
                banner_list: [{
                    name: 'sss',
                    phone: '152XXXX1235',
                    time: '1分钟前',
                }],
                options: {
                    mainCell: ".bd ul",
                    autoPlay: true,
                    effect: "topMarquee",
                    vis: 2,
                    interTime: 60
                }
            }
        },
        created() {

        },
    }
</script>

<style scoped lang="less">
    @import "../assets/style/page/banner.less";
</style>
